<!DOCTYPE html>
<html>
  <head>
    <title>哇食网首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
    <link href="css/my_drawer.css" rel="stylesheet" media="screen">
    <!--[if lt IE 9]>
        <script src="js/assets/libs/html5shiv.js?2.4.6.4"></script>
    <![endif]-->
    <!--[if IE 8]>
        <script src="js/assets/libs/respond.min.js?2.4.6.4"></script>
    <![endif]-->
  </head>
  <body class="index">
  	<header class="header">
      <div class="container">
      	<div class="navbar-header">
          <a href="" class="navbar-brand">WoW食.com</a>
          <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <nav class="collapse navbar-collapse pull-left">
          <ul class="nav navbar-nav">
            <li><a href="#">抽屉</a></li>
            <li><a href="#">杂志</a></li>
            <li><a href="#">小组</a></li>
            <li><a href="#">经验</a></li>
          </ul>
        </nav>
        <form action="" class="navbar-form navbar-left hidden-xs hidden-sm" role="search">
          <div class="form-group">
            <input type="text" class="form-control js-search" name="q" placeholder="搜零食，搜惊喜" autocomplete="off"/>
            <button class="button fa fa-search" type="submit"></button>
          </div>
        </form>
        <ul class="nav user-nav pull-right">
          <ul class="nav nav-login">
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
          </ul>
        </ul>
      </div>
  	</header>
  	<div id="content">
	  	<div class="container">
	      <div class="row">
	        <div class="col-md-8">
         	<div class="people-drawer-filter">
         		<div class="btn-group" role="group">
         		  <button type="button" class="btn btn-default">
         		  	<a href="javascript:;">抽屉</a>
         		  	<em class="count">7000</em>
         		  </button>
         		  <button type="button" class="btn btn-default">
         		  <a href="javascript:;">发布的东西</a>
         		  	<em class="count">8899</em>
         		  </button>
         		  <button type="button" class="btn btn-default">
         		  <a href="javascript:;">发布的图文</a>
         		  	<em class="count">7</em>
         		  </button>
         		  <div class="btn-group" role="group">
         		      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         		        <a href="javascript:;">喜欢</a>
         		        <em class="count">20</em>
         		        <span class="caret"></span>
         		      </button>
         		      <ul class="dropdown-menu">
         		        <li><a href="#">喜欢的东西 <em class="count">7</em></a></li>
         		        <li><a href="#">喜欢的图文 <em class="count">7</em></a></li>
         		        <li><a href="#">喜欢的品牌商品 <em class="count">7</em></a></li>
         		      </ul>
         		   </div>
         		  <button type="button" class="btn btn-default">
         		  	TA关注的抽屉
         		  </button>
         		</div>
         	</div>
         	<div class="drawer-wrap">
         		<ul class="drawer-list clearfix">
         			<div class="col-md-4">
	     				<li class="doulist-item">
		 			        <div class="doulist-cover">
		 			            <a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">
		 			                <img width="202" height="202" src="images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
		 			            </a>
		 			        </div>
		 			        <div class="doulist-info">
		 			            <h3><a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
		 			            <ul class="stats-list">
		 			                <li class="stats-item">133&nbsp;东西</li>
		 			                <li class="stats-item">87&nbsp;关注</li>
		 			            </ul>
		 			        </div>
		 			    </li>
         			</div>
         			<div class="col-md-4">
	     				<li class="doulist-item">
		 			        <div class="doulist-cover">
		 			            <a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">
		 			                <img width="202" height="202" src="images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
		 			            </a>
		 			        </div>
		 			        <div class="doulist-info">
		 			            <h3><a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
		 			            <ul class="stats-list">
		 			                <li class="stats-item">133&nbsp;东西</li>
		 			                <li class="stats-item">87&nbsp;关注</li>
		 			            </ul>
		 			        </div>
		 			    </li>
         			</div>
         			<div class="col-md-4">
	     				<li class="doulist-item">
		 			        <div class="doulist-cover">
		 			            <a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">
		 			                <img width="202" height="202" src="images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
		 			            </a>
		 			        </div>
		 			        <div class="doulist-info">
		 			            <h3><a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
		 			            <ul class="stats-list">
		 			                <li class="stats-item">133&nbsp;东西</li>
		 			                <li class="stats-item">87&nbsp;关注</li>
		 			            </ul>
		 			        </div>
		 			    </li>
         			</div>
         			<div class="col-md-4">
	     				<li class="doulist-item">
		 			        <div class="doulist-cover">
		 			            <a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">
		 			                <img width="202" height="202" src="images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
		 			            </a>
		 			        </div>
		 			        <div class="doulist-info">
		 			            <h3><a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
		 			            <ul class="stats-list">
		 			                <li class="stats-item">133&nbsp;东西</li>
		 			                <li class="stats-item">87&nbsp;关注</li>
		 			            </ul>
		 			        </div>
		 			    </li>
         			</div>
         			<div class="col-md-4">
	     				<li class="doulist-item">
		 			        <div class="doulist-cover">
		 			            <a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">
		 			                <img width="202" height="202" src="images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
		 			            </a>
		 			        </div>
		 			        <div class="doulist-info">
		 			            <h3><a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
		 			            <ul class="stats-list">
		 			                <li class="stats-item">133&nbsp;东西</li>
		 			                <li class="stats-item">87&nbsp;关注</li>
		 			            </ul>
		 			        </div>
		 			    </li>
         			</div>
         			<div class="col-md-4">
	     				<li class="doulist-item">
		 			        <div class="doulist-cover">
		 			            <a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">
		 			                <img width="202" height="202" src="images/drawer-list-cover.jpg" alt="下课后，吉他社点名的封面图片">
		 			            </a>
		 			        </div>
		 			        <div class="doulist-info">
		 			            <h3><a href="http://dongxi.douban.com/doulist/1341557/" title="下课后，吉他社点名">下课后，吉他社点名</a></h3>
		 			            <ul class="stats-list">
		 			                <li class="stats-item">133&nbsp;东西</li>
		 			                <li class="stats-item">87&nbsp;关注</li>
		 			            </ul>
		 			        </div>
		 			    </li>
         			</div>
         		</ul>
         	</div>
	        </div>
	        <div class="col-md-4">
	        	<div class="aside">
		        	<div class="profile-card">
		        		<div class="user-info">
	        		        <img class="user-avatar" src="images/profile-card.jpg" width="66" height="66" alt="默。沫。漠。">
	        		        <h6 class="user-name" title="默。沫。漠。">默。沫。漠。</h6>
	        		        <p class="join-date">2012-12-26&nbsp;加入</p>
	        		        <p class="link-to-db"><a href="http://www.douban.com/people/timeandsea/">Ta的勋章</a></p>
	        		    </div>
	        		    <ul class="user-stats-list">
	        		    	 <li class="user-stats-item">
				                <em class="title">被赞赏次数</em>
				                <em class="count">413</em>
				            </li>
				            <li class="user-stats-item">
				                <em class="title">豆列被关注</em>
				                <em class="count">413</em>
				            </li>
				            <li class="user-stats-item like last">
				                <em class="title">获得喜欢</em>
				                <i class="fa fa-heart"></i><em class="count">2564</em>
				            </li>
				        </ul>
				        <div class="user-profile-action">
			                <span data-uid="timeandsea" class="btn-sub-contact J_SubContact"><i class="fa fa-star-o"></i>关注此人</span>
			            </div>
		        	</div>
		        	<div class="aside-feed">
		        		<h2 class="hd">最近的动态</h2>
		        		<ul class="aside-feed-list">
	        		        <li class="aside-feed-item type-story">
	        		        	<i class="fa fa-briefcase"></i>
	        		            <p>发布东西<a href="http://dongxi.douban.com/show/4061741/">原创若素良品简约印花清新文艺潮流单肩挎女手提帆...</a></p>
	        		            <p class="feed-time">今天凌晨</p>
	        		        </li>
	        		            
	        		        <li class="aside-feed-item type-doulist">
	        		        	<i class="fa fa-plus-circle"></i>
	        		            <p>向豆列<a href="http://dongxi.douban.com/doulist/1501410/">等我吃过喝过玩过用过再告诉你们哈！</a>中添加:<a href="http://dongxi.douban.com/show/4061741/">原创若素良品简约印花清新文艺潮流单肩挎女手提帆...</a></p>
	        		            <p class="feed-time">今天凌晨</p>
	        		        </li>
	        		            
	        		        <li class="aside-feed-item type-story">
	        		        	<i class="fa fa-briefcase"></i>
	        		            <p>发布东西<a href="http://dongxi.douban.com/show/4061739/">外贸法兰绒毛毯沙发毯床单爆款/休闲车载午睡毯蓝色...</a></p>
	        		            <p class="feed-time">今天凌晨</p>
	        		        </li>
	        		            
	        		        <li class="aside-feed-item type-doulist">
	        		        	<i class="fa fa-plus-circle"></i>
	        		            <p>向豆列<a href="http://dongxi.douban.com/doulist/1501410/">等我吃过喝过玩过用过再告诉你们哈！</a>中添加:<a href="http://dongxi.douban.com/show/4061739/">外贸法兰绒毛毯沙发毯床单爆款/休闲车载午睡毯蓝色...</a></p>
	        		            <p class="feed-time">今天凌晨</p>
	        		        </li>
	        		            
	        		        <li class="aside-feed-item type-story">
	        		        	<i class="fa fa-briefcase"></i>
	        		            <p>发布东西<a href="http://dongxi.douban.com/show/4061667/">特洛克Torzk 柠萌U站柠檬插排插座 USB充电器创意插...</a></p>
	        		            <p class="feed-time">今天凌晨</p>
	        		        </li>
	        		    </ul>
		        	</div>
	        	</div>
	        	
	        </div>
	      </div>
	    </div>
  	</div>
    
  <footer id="footer">
    <div class="container">
      <div class="row">
        <span id="icp" class="pull-left gray-link">
            © 2005－2015 wowshi.com, all rights reserved
        </span>
        <a href="http://wowshi.com/hnypt/variformcyst.py" style="display: none;"></a>
        <span class="pull-right">
            <a href="http://wowshi.com/about">关于哇食</a>
            · <a href="http://wowshi.com/jobs">在哇食工作</a>
            · <a href="http://wowshi.com/about?topic=contactus">联系我们</a>
            · <a href="http://wowshi.com/about?policy=disclaimer">免责声明</a>
            · <a href="http://wowshi.com/help/">帮助中心</a>
            · <a href="http://wowshi.com/doubanapp/">移动应用</a>
        </span>       
      </div>
    </div>
  </footer>
  </body>
  <script src="js/jquery/jquery-1.11.1.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script type="text/javascript">
    $(function() {
      $('.carousel').carousel();
    });
  </script>
</html>